<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="basic.css">
    <link rel="stylesheet" href="style.css">
    <title>主页</title>
</head>
<body>
    <header id="header">
        <div class="center">
            <h1 class="logo">畅游桂林</h1>
            <nav class="link">
                <h1 class="none">网站导航</h1>
                <ul>
                    <li class="active"><a href="index.html">首页</li></a>
                    <li><a href="information.html">旅游资讯</li></a>
                    <li><a href="booking.html">机票订购</li></a>
                    <li><a href="scence.html">风景欣赏</li></a>
                    <li><a href="about.html">公司简介</li></a>
                </ul>
            </nav>
        </div>
        
    </header>
<div id="search">
        <div class="center"></div>
        <input type="text" class="search" placeholder="请输入景点或城市"></input>
        <button class="button">搜索</button>
    </div>
    <div id="tour">
        <section class="center">
            <h2>热门旅游</h2>
        </section>
        <figure>
            <img src="./img/tour1.jpg" alt="">
            <figcaption><strong class="title">&lt;乐游京津&gt;</strong>北京天津双飞6日游</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2080元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
        <figure>
            <img src="./img/tour2.jpg" alt="">
            <figcaption><strong class="title">&lt;京非昔比&gt;</strong>北京纯玩双飞5日游</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2880元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
   <figure>
            <img src="./img/tour3.jpg" alt="">
            <figcaption><strong class="title">&lt;阿依河&gt;</strong>重庆磁器口-轻轨穿墙-洪崖洞-阿依河纯玩双动5日游</figcaption>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>1490元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
        <figure>
            <img src="./img/tour4.jpg" alt="">
            <figcaption><strong class="title">&lt;花天半厦&gt;</strong>厦门鼓浪屿-集美学村-永定土楼双</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>1690元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
		<figure>
            <img src="./img/tour5.jpg" alt="">
            <figcaption><strong class="title">&lt;依然范特西&gt;</strong>昆明-大理-丽江</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2980元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
        <figure>
            <img src="./img/tour6.jpg" alt="">
            <figcaption>德天瀑布-通灵大峡谷2日</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2864元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
		 <figure>
            <img src="./img/tour7.jpg" alt="">
            <figcaption><strong class="title">&lt;爱尚贵州&gt;</strong>黄果树瀑布-西江苗寨-小七孔-青岩古镇特价5日游</figcaption>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2864元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
        <figure>
            <img src="./img/tour8.jpg" alt="">
            <figcaption><strong class="title">&lt;冰雪风火轮&gt;</strong>哈尔滨-亚布力-雪乡6日游</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2500元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
        <figure>
            <img src="./img/tour9.jpg" alt="">
            <figcaption><strong class="title">&lt;长江游轮&gt;</strong>丰都鬼城-巫山-三峡大坝纯玩双动5日游</figcaption><br/>
            <div class="info">
                <em class="sat">满意度 100%</em>
                <span class="price">¥ <strong>2864元</strong> 起</span>
            </div>
            <div class="type">国内长线</div>
        </figure>
    </div>
<footer id="footer">
        <div class="top">
            <div class="block left">
                <h2>合作伙伴</h2>
                <hr>
                <ul>
                    <li>途牛旅游网</li>
                    <li>驴妈妈旅游网</li>
                    <li>携程旅游</li>
                    <li>中国青年旅行社</li>
                </ul>
            </div>
<div class="block center">
                <h2>旅游FAQ</h2>
                <hr>
                <ul>
                    <li>旅游合同签订有哪些？</li>
                    <li>儿童票有半价优惠吗？</li>
                </ul>
            </div>
			 <div class="block right">
                <h2>联系方式</h2>
                <hr>
                <ul>
                    <li>微博: sefeipipixia123.com/zzz</li>
                    <li>邮件: 1079843790@qq.com</li>
                    <li>地址: 广西桂林</li>
                </ul>
            </div>
        </div>
        <div class="bottom">Copyright © 畅游桂林|18300229 肖恺|旅行社许可证:12345678</div>
    </footer>
</body>
</html>
